<template>
  <div class="login-content">
    <mheader></mheader>
    <van-cell-group>
      <van-field v-model="form.name"
                 required
                 clearable
                 right-icon="question-o"
                 placeholder="账号/手机号/email"
                 @click-right-icon="$toast('question')" />

      <van-field v-model="form.password"
                 type="password"
                 placeholder="请输入您的密码"
                 required />
    </van-cell-group>
    <div class="login-btn-div">
      <van-button round
                  class="login-btn"
                  type="danger">登录</van-button>
    </div>
    <div class="register_forget">
      <div>注册</div>
      <div>忘记密码</div>
    </div>
    <mfooter :active='active'></mfooter>
  </div>
</template>

<script>
import mheader from '@/components/header'
import mfooter from '@/components/footer'
export default {
  data () {
    return {
      form: {
        name: '',
        password: ''
      },
      active: 2
    }
  },
  components: {
    mheader,
    mfooter
  }
}
</script>
<style lang="less">
.login-btn-div {
  margin-left: 0.8rem;
  margin-right: 0.8rem;
  margin-top: 1rem;
  margin: 1rem 0.8rem 0 0.8rem;
}
.login-btn {
  width: 100%;
}
.register_forget {
  display: flex;
  justify-items: center;
  align-items: center;
  justify-content: space-between;
  line-height: 1.5;
  padding: 0.3rem;
  color: #ff0000;
}
</style>
